﻿/*重置属性*/
div,h1,p,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
img{  border:none; padding:0;}
body{ margin:0; background-color:#ffffff;padding:0px;min-width: 1200px}
a{ text-decoration:none; border:none; padding:0;color: #333333}
ul{margin:0;list-style:none;padding:0;}
li{ list-style:none; margin: 0;padding:0;}
input{ margin:0; padding:0; border:none; outline:none;}
select{ border:none;}
select::-ms-expand {background-color: rgba(255, 255, 255, 0.1);border: none}
option{ border:none;}
button{ margin:0; padding:0; border:none; outline:none;}

/*页面顶部*/
.newhead{width: 100%;height: 100px;background-color: #ffffff;}
.newhead .headcont{width: 1200px;height: 100px;margin: 0 auto;position: relative}
.newhead .headcont .lefthead{width: 220px;height: 80px;float: left;margin-top: 10px}
.newhead .headcont .centerhead{width: 620px;height: 100px;float: left;line-height: 100px}
.newhead .headcont .centerhead a{font-size: 18px;color: #333333;font-family: Arial;float: left;cursor: pointer;margin-left: 20px}
.newhead .headcont .centerhead a:hover{color: #fe630a}
.newhead .headcont .righthead{width: 360px;height: 100px;float: left;padding-top: 30px}
.newhead .headcont .righthead a{display: block;float: left;width: 80px;height: 40px;text-align: center;line-height: 40px;cursor: pointer;font-family: Arial;font-size: 14px}
.newhead .headcont .righthead .regist{background-color: #fe630a;color: #ffffff;float: right}
.newhead .headcont .righthead .regist:hover{background-color:#fe823b}
.newhead .headcont .righthead .login{border: 1px solid #333333;color: #333333;margin-left: 20px;
    float: right;}
.newhead .headcont .righthead .login:hover{border-color: #fe630a;color: #fe630a}
.newhead .individual{width: auto;height: auto;position: absolute;right: 0;top: 63px}
.newhead .individual span{color: #979797;font-family: Arial;font-size: 14px}
.newhead .individual span a{color: #333333;cursor: pointer}
.newhead .individual span a:hover{color: #fe630a}
.newhead .hideing{width: 360px;height: 100px;float: left;padding-top: 30px;position: relative;}
.newhead .hideing input{width: 300px;height: 40px;border: 1px solid #dbdbdb;font-size: 13px;color: #333333;font-family: Arial;padding-left: 10px;padding-right: 50px;float: left}
.newhead .hideing .hideing-search{position: absolute;height: 38px;width: 40px;left: 259px;top: 31px;border-left: 1px solid #dbdbdb;background-color: #FFFFFF;}
.newhead .hideing .hideing-search img{width: 20px;height: 20px;}
.newhead .head-pic{width: 40px;height: 40px;margin-left: 20px;float: left;border: 1px solid #dbdbdb;padding:1px}
.newhead .head-pic img{width: 36px;height: 36px;}

/*页面顶部*/
.head{width: 100%;height: 142px;background-color: #ffffff;border-bottom: 2px solid #FE630A}
.head .head-top{width: 1200px;height: 100px;margin: 0 auto;line-height: 100px}
.head .head-top .head-top-one{margin-top: 20px;float: left;cursor: pointer}
.head .head-top .head-top-two{width: 224px;height: 47px;margin-top: 26px;float: right}
.head .head-top .head-top-three{margin-top: 20px;float: left;}
.head .head-bt{width: 1200px;height: 42px;margin: 0 auto;line-height: 42px}
.head .head-bt .rg{background-color: #FE630A;width: 200px;height: 42px;float: left;text-align: center;display: block;color: #FFFFfF;font-size: 16px;font-weight: 700}
.head .head-bt ul{width: 1200px;height: 42px;}
.head .head-bt ul li{width: 200px;height: 42px;float: left;text-align: center;}
.head .head-bt ul li a{font-size: 16px;font-family: 微软雅黑;color: #333333;cursor: pointer}
.head .head-bt ul li a:hover{color:#FE630A}
.head .head-bt .head-bt-a{background-color: #FE630A;}
.head .head-bt .head-bt-a a{cursor: text;color: #ffffff;font-size: 16px;font-family: Arial}
.head .head-bt .head-bt-a a:hover{cursor: text;color: #ffffff;}
.head .head-bt .sty{position: relative}
.head .head-bt .head-bt-b{color:#FE630A;}
.head .head-bt .head-bt-c {position: absolute;top: 0;}


/*底部*/
.index-bottom{width: 100%;height: auto;background-color: #f8f8f8;float: left;clear: both}
.index-bottom .bottom-first{width: 1200px;height: 200px;margin: 0 auto;padding-top: 17px}
.index-bottom .bottom-first .b-f-one{width: 268px;height: 152px;float: left;border-right: 1px solid #cccccc;}
.index-bottom .bottom-first .b-f-one img{width: 227px;height: 90px;margin-top: 31px}
.index-bottom .bottom-first .b-f-two{width:304px;height: 152px;float: left;border-right: 1px solid #cccccc;}
.index-bottom .bottom-first .b-f-two .first{width: 238px;height: auto;overflow: hidden;margin-left: 40px;margin-top: 45px}
.index-bottom .bottom-first .b-f-two .first li{float: left;margin-right: 23px;}
.index-bottom .bottom-first .b-f-two .first li a{font-size: 13px;color: #757575;cursor: pointer}
.index-bottom .bottom-first .b-f-two .first li a:hover{color: #fe630a}
.index-bottom .bottom-first .b-f-two .last{width: 238px;height: auto;overflow: hidden;margin-left: 40px}
.index-bottom .bottom-first .b-f-two .last li{float: left;margin-right: 23px;}
.index-bottom .bottom-first .b-f-two .last li a{font-size: 13px;color: #757575;cursor: pointer}
.index-bottom .bottom-first .b-f-two .last li a:hover{color: #fe630a}
.index-bottom .bottom-first .b-f-three{width:465px;height: 152px;float: left;border-right: 1px solid #cccccc;}
.index-bottom .bottom-first .b-f-three ul{margin-top:36px}
.index-bottom .bottom-first .b-f-three li{margin-left: 45px;line-height: 15px;margin-top:16px }
.index-bottom .bottom-first .b-f-three .three-a{margin-right: 5px}
.index-bottom .bottom-first .b-f-three .three-b{margin-right: 10px}
.index-bottom .bottom-first .b-f-three .three-c{margin-right: 10px}
.index-bottom .bottom-first .b-f-three .three-d{margin-right: 5px}
.index-bottom .bottom-first .b-f-three span{color: #757575;font-size: 13px;font-family: Arial;}
.index-bottom .bottom-first .b-f-three b{color: #757575;font-size: 18px;font-family: Arial;}
.index-bottom .bottom-first .b-f-four{width: 163px;height: 200px;float: left;padding-top: 16px}
.index-bottom .bottom-first .b-f-four img{width: 120px;height: 120px;margin-left:43px}
.index-bottom .bottom-first .b-f-four span{font-size: 13px;color: #757575;margin-left: 80px;margin-top: 10px;display: block}
.index-bottom .botton-last{width: 100%;height: 113px;background-color: #ffffff}
.index-bottom .botton-last-a{width: 1200px;height: 113px;margin: 0 auto;}
.index-bottom .botton-last-a .b-l-a{width: 1200px;height: 65px;text-align: center;padding-top: 20px}
.index-bottom .botton-last-a .b-l-a span{font-family: Arial;color: #757575;font-size: 13px}
.index-bottom .botton-last-a .b-l-b{width: 200px;height: 40px;border: 1px solid #f6f6f6;float: left;margin: 0 20px}
.index-bottom .botton-last-a .b-l-b .b-l-b-f{width: 40px;height: 40px;text-align: center;line-height: 40px;background-color: #ffffff;float: left}
.index-bottom .botton-last-a .b-l-b img{margin-top: 7px}
.index-bottom .botton-last-a .b-l-b div{width: 158px;height: 40px;background-color: #f6f6f6;float: left;text-align: center;line-height: 40px}
.index-bottom .botton-last-a .b-l-b div span{font-family: Arial;color: #757575;font-size: 13px}


/*分页*/
.pclcsb{
    width: 540px;height: 30px;margin-left: 180px;
}

.pclcsb .pclcsb-one{
    width: 70px;height: 30px;display: block;border: 1px solid #CCCCCC;color: #CCCCCC;font-family: Arial;font-size: 13px;line-height: 30px;position: relative;margin-right: 10px;
    float: left;
}
.pclcsb .pclcsb-one1{
    width: 70px;height: 30px;display: block;border: 1px solid #CCCCCC;color: #787878;font-family: Arial;font-size: 13px;line-height: 30px;position: relative;margin-right: 10px;
    float: left;
}
.pclcsb .pclcsb-one1 img{
    margin-top: -3px;margin-right: 5px;margin-left: 5px;
}
.pclcsb .pclcsb-one img{
    margin-top: -3px;margin-right: 5px;margin-left: 5px;
}
.pclcsb .pclcsb-two{width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #CCCCCC;
    font-family: Arial;font-size: 13px;float: left;display: block;cursor: pointer;}
.pclcsb .pclcsb-two:hover{border: 1px solid #FE630A}
.pclcsb .pclcsb-three{color: #787878;width: 30px;height: 30px;text-align: center;display: block;float: left;padding-top: 10px}
.pclcsb .pclcsb-three a{margin-top: 20px}
.pclcsb .pclcsb-four{
    width: 70px;height: 30px;display: block;border: 1px solid #CCCCCC;color: #787878;font-family: Arial;font-size: 13px;line-height: 30px;position: relative;margin-right: 10px;
    float: left;padding-left: 10px;
}
.pclcsb .pclcsb-four1{
    width: 70px;
    height: 30px;
    display: block;
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    font-family: Arial;
    font-size: 13px;
    line-height: 30px;
    position: relative;
    margin-right: 10px;
    float: left;
    padding-left: 10px;


}
.pclcsb .pclcsb-four1 img{
    margin-top: -3px;margin-left: 5px;
    transform:rotateZ(180deg);
    -moz-transform:rotateZ(180deg); /* Firefox 4 */
    -webkit-transform:rotateZ(180deg); /* Safari and Chrome */
    -o-transform:rotateZ(180deg);
}
.pclcsb .pclcsb-four img{
    margin-top: -3px;margin-left: 5px;
}
.pclcsb .pclcsb-five{
    width:auto;height: 30px;display: block;color: #333333;font-family: Arial;font-size: 13px;line-height: 30px;position: relative;margin-right: 10px;
    float: left;
}
.pclcsb .pclcsb-five input{width: 25px;height: 25px;border: 1px solid #CCCCCC;margin: 0 5px;text-align: center}
.pclcsb .pclcsb-six{width: 50px;height: 25px;margin-top: 3px;border: 1px solid #CCCCCC;
    font-family: Arial;color: #787878;font-size: 13px;background-color: #FFFFfF}
.pclcsb-style{color: #FFFFfF;background-color:#FE630A }
.p-c-left-content-s-bottom{
    width: 900px;height: 110px;padding-top: 40px;
}
.pclcsb-div{float: left;color: #CCCCCC}
.pclcsb-div a{color: #CCCCCC}
.pclcsb-div i{font-style: normal}

/*字体样式*/
@font-face {

    font-family: myFirstFont;

    src: url(../fonts/font.ttf);/*百度综艺简体*/

}
@font-face {

    font-family: mysecendFont;

    src: url(../fonts/jiaotong.ttf);/*交通标志专用字体*/

}
@font-face {

    font-family: mylastFont;

    src: url(../font/siyuan.OTF);/*交通标志专用字体*/

}
@font-face {

    font-family: siyuan-Light;

    src: url(../font/siyuan-LIGHT.OTF);/*交通标志专用字体*/

}
@font-face {

    font-family: siyuan-Medium;

    src: url(../font/siyuan-MEDIUM.OTF);/*交通标志专用字体*/

}


/*右边固定咨询、电话*/
.right-Fixed{width: 60px;height: auto;position: fixed;right: 0;bottom: 100px;background-color: #FFFFfF;border: 1px solid rgba(204, 204, 204, 1);z-index: 99;}
.right-Fixed .top-consult{width: 58px;height: 58px}
.right-Fixed .top-consult .top-consult1{width: 40px;margin: 0 auto;border-bottom: 1px solid #CCCCCC;height: 58px;padding-left: 6px;padding-top: 8px;}
.right-Fixed .top-consult span{font-family: Arial;color: #fe630a;font-size: 13px;display: block;margin-top: 3px}
.right-Fixed .center-weixin{width: 58px;height: 58px}
.right-Fixed .center-weixin .center-weixin1{width: 40px;margin: 0 auto;border-bottom: 1px solid #CCCCCC;height: 58px;padding-left: 6px;padding-top: 8px;}
.right-Fixed .center-weixin .center-weixin1 img{margin-left: -2px}
.right-Fixed .center-weixin span{font-family: Arial;color:green;font-size: 13px;display: block;margin-top: 3px}

.right-Fixed .bottom-phone{width: 58px;height: 60px;padding-left: 16px;padding-top: 7px}
.right-Fixed .bottom-phone span{font-family: Arial;color: #fe630a;font-size: 13px;display: block;margin-top: 3px}
.nuber{height: 32px;width: 140px;background-color: #fe630a;position: fixed;right: 66px;bottom: 115px;border: 1px solid #FFFFfF;z-index: 99;display: none;line-height: 32px;text-align: center}
.nuber span{font-size: 18px;color: #FFFFfF;font-family: Arial;font-weight: 700}
.pds {
    position:absolute;
    right:-14px;
    top: 9px;
    overflow:hidden;
    width:0;
    height:0;
    border-width:7px;
    border-style:solid dashed dashed dashed;
    transition: transform 0.5s ease ;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform:rotateZ(270deg);
    -moz-transform:rotateZ(270deg); /* Firefox 4 */
    -webkit-transform:rotateZ(270deg); /* Safari and Chrome */
    -o-transform:rotateZ(270deg);
}
.tb-a {
    bottom:-10px;
    border-color:#fe630a transparent transparent transparent;
}
.tb-b {
    bottom:-9px;
    border-color:#fe630a transparent transparent transparent;
}

.nuber1{height: 120px;width: 140px;position: fixed;right: 66px;bottom: 130px;background-color:#fe630a;border: 1px solid #FFFFfF;z-index: 99;display: none;text-align: center}
.nuber1 img{margin-top: 10px}
.pds1 {
    position:absolute;
    right:-14px;
    top: 50px;
    overflow:hidden;
    width:0;
    height:0;
    border-width:7px;
    border-style:solid dashed dashed dashed;
    transition: transform 0.5s ease ;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform:rotateZ(270deg);
    -moz-transform:rotateZ(270deg); /* Firefox 4 */
    -webkit-transform:rotateZ(270deg); /* Safari and Chrome */
    -o-transform:rotateZ(270deg);
}
.tb-a1 {
    bottom:-10px;
    border-color:#fe630a transparent transparent transparent;
}
.tb-b1 {
    bottom:-9px;
    border-color:#fe630a transparent transparent transparent;
}
